<template>
    <v-data-table :headers="headers" :items="desserts" :items-per-page="5" class="elevation-1">
        <!-- 顶部插槽 -->
        <template v-slot:top>
            <v-toolbar flat>
                <v-toolbar-title>测试记录</v-toolbar-title>
                <v-divider class="mx-4" inset vertical></v-divider>
                <v-spacer></v-spacer>
            </v-toolbar>
        </template>
        <!-- 报告插槽 -->
        <template v-slot:item.report="{ item }">
            <a :href="item.report" target="_blank">{{ item.report }}</a>
        </template>
    </v-data-table>
</template>
<script>
export default {
    data() {
        return {
            headers: [
                { text: '记录ID', align: 'start', sortable: false, value: 'id', },
                { text: '计划Id', value: 'plan_id' },
                { text: '报告地址', value: 'report' },
                { text: '创建时间', value: 'create_time' },
            ],
            desserts: []
        }
    },
    created() {
        this.initData()
    },
    methods: {
        // 初始化数据
        initData() {
            this.$api.record.getRecord().then((result) => {
                // 将接口返回数据赋值给表格
                this.desserts = result.data.data
            }).catch((err) => {
                console.log('err', err)
            })
        },
    }
}
</script>